<style lang="less">
.cps-svg-right {
    vertical-align: middle;
}
</style>

<template>
    <svg class="cps-svg-right" viewBox="0 0 1024 1024" :width="width | px2rem">
        <path d="M83.014692 472.173946l0.00307-0.00307c24.713868-24.713868 65.154929-24.713868 89.867774 0l190.175317 190.175317c11.384281 11.385305 18.926048 10.134825 29.068036-0.00614l453.905883-453.906907c24.713868-24.714891 65.154929-24.713868 89.868797-0.001023l0.00307 0.002047c24.714891 24.713868 24.713868 65.155952 0 89.86982L422.526199 811.683407c-11.929704 11.929704-28.077475 18.536168-44.934398 18.536168-16.857946 0.00921-32.990369-6.588045-44.935422-18.534122L83.013669 562.042743c-24.712845-24.713868-24.713868-65.154929 0.001023-89.868797z" fill="#11d96f"></path>
    </svg>
</template>

<script>
export default {
    name: "cps-svg-right",
    props: {
        width: {
            type: Number,
            default: 32
        }
    }
}
</script>